/*普通注释 => 会保留到编译后的css文件*/
// 静默注释 => 只保留在SASS源文件中，编译后被省略。   

@use "sass:math"; //使用数学模块

// sass变量 => 存储数据的容器
$hot: #CC0033;
$cool: #CCFFFF;
$grey: #CCCCCC;
$warm: #FFCCCC;
$success: #CCFF99;
$cold: #99CCFF;

$typeArea: 1226px;

$side: left;

// scss函数
@function pxToRem($val) {
    // 720px / 100px => 7.2
    // @return #{calc($val/100px)}rem;
    @return calc($val/100px)*1rem;
}

// @mixin (混合)   => @mixin命令，定义一个代码块(重复使用)
// 使用步骤
// 1. 定义代码段  @mixin 代码名称{ 复用的代码段 }
// 2. 使用   @include 代码段名称(); 

@mixin typeAreaCenter {
    width: $typeArea;
    margin: 0 auto;
}

//  @include  也可以设置参数和默认值
@mixin textCenter($height: 16px) {
    text-align: center;
    line-height: $height;
}